iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 2
0

New A Single View App

延續昨天的畫面,選擇 Create a new Xcode project

-> Single View App
https://ithelp.ithome.com.tw/upload/images/20200902/20129677YyD6DcMHke.png

-> 輸入專案名稱
-> 選擇儲存路徑

完成後會長這樣
https://ithelp.ithome.com.tw/upload/images/20200902/201296778v0UoixcdG.png

身為一個新手開發者,我們主要會在這兩個畫面活動

StoryBoard

用來調整使用者介面、新增元件以及拉約束的地方
https://ithelp.ithome.com.tw/upload/images/20200902/20129677AFvUiSLAYc.png

點擊右上角的+來新增元件
https://ithelp.ithome.com.tw/upload/images/20200902/20129677l1kHyqNeb0.png

這裡選擇Label
https://ithelp.ithome.com.tw/upload/images/20200902/20129677BPLecSBDEe.png
長按就能直接將元件拖曳至畫面中

ViewController

用來操控畫面的地方(打Code的地方)
https://ithelp.ithome.com.tw/upload/images/20200902/20129677pxWKzwXl6m.png

在 override func viewDidLoad() { 上方宣告

@IBOutlet weak var myLabel: UILabel!

並在 viewDidLoad 的function內輸入以下程式碼

myLabel.text = "Hello World"
myLabel.textColor = .blue
myLabel.textAligment = .center

最後會長這樣
https://ithelp.ithome.com.tw/upload/images/20200902/20129677d8LRDHEApW.png

再來點擊右上角的這個圖示來新增編輯器頁面,並將其中一個畫面選至 Main.StoryBoard
https://ithelp.ithome.com.tw/upload/images/20200902/20129677Qw5X8waCSt.png

將Outlet拉至剛剛新增的Label元件
https://ithelp.ithome.com.tw/upload/images/20200902/20129677EMzNcmKK0w.png

完成後按下 Command+R

然後你就成功地做出了一個菜雞APP
https://ithelp.ithome.com.tw/upload/images/20200902/201296774NZW2MVWSH.png


上一篇
Day1 成為Swift開發者
下一篇
Day3 生命週期
系列文
IOS Beginner's 30days 30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言